<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<link rel="stylesheet" type="text/css" href="css/login.css" />
		<link rel="stylesheet" type="text/css" href="css/register.css" />
		
		<link rel="stylesheet" type="text/css" href="css/resetpasswordsuccess.css" />
		<style>
			.logininfo {
				background-color: #FFFFFF;
				border-radius: 5px;
				margin: 50px 20px 0px 20px;
				padding: 20px 20px 20px 20px;
			}
			
			.img {
				width: 100%;
			}
			
			.pic {
				width: 45%;
				float: left;
				margin-left: 2.5%;
			}
			.tackPic{
				position: relative;
			}
			.pic p{
				width: 100%;
				text-align: center;
			}
			.pic img{
				/*height: 4rem;*/
				position: relative;
				z-index: 1;
			}
			.pic input{
				float: left;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
				position: absolute;
				z-index: 9;
			}
			.showImg{
				width: 100%;
				height: 100%;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left backbtn"></a>
			<h1 class="mui-title">身份证</h1>
			<a class=" mui-pull-right homebtn" >资质</a>
		</header>
		<div class="mui-content">
			<div class="logininfo">
				<div class="mui-input-row account">
					<label></label>
					<input id='name' type="text" class=" mui-input" placeholder="姓名">
				</div>
				<div class="mui-input-row">
					<label class="pwd"></label>
					<input id='idcard' type="text" class=" mui-input" placeholder="身份证">
					<!--<span class="seepwd"></span>-->
				</div>
			</div>

			<div class="" style="width:100% ;margin: 0 auto;text-align: center;padding: 10px 0 10px 0;">请按照要求拍摄身份证</div>
			<div class="img">
				<div class="pic">
					<div class="tackPic">

						<img src="../images/idcard.png" class="showImg" />
						<!--<input type="file" id="pstimg1" style="opacity: 0;" name="image" accept="image/*" />-->
					</div>
					<p>
						  上传身份证正面
					</p>
				</div>
				<div class="pic">
					<div class="tackPic">
						<img src="../images/idcard-.png" class="showImg" />
						<!--<input type="file" id="pstimg2" style="opacity: 0;" name="image" accept="image/*" />-->
					</div>
					<p>
						 上传身份证背面
					</p>
				</div>
			</div>
			<div class="btn">
				<button type="button" class="mui-btn mui-btn-yellow mui-btn-block idcardSub">绑定身份证</button>
			</div>
		</div>
		<script src="../lib/mui.min.js"></script>
		<script type="text/javascript" src="../lib/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="../lib/service.js"></script>
		<script type="text/javascript" src="../lib/photoCompress.js"></script>
		<script type="text/javascript" src="../lib/Verification.js" ></script>
		<script type="text/javascript" src="js/auth.js"></script>
		<script type="text/javascript">
			mui.init()
			mui.plusReady(function(){
				plus.navigator.setStatusBarBackground("#FF7234");
				$('#account').val(localStorage.getItem('phone'))
			})
			//返回资质列表
			$('.homebtn').bind('tap',function(){
				plus.webview.getWebviewById('../real-name/real-name.html').close();
				plus.webview.currentWebview().close()
			})
		</script>
	</body>

</html>